<template>
	<view class="search flex m-t40 p-h16">
		<image class="square-48" src="@/static/images/public/search.png"></image>
		<input class="flex-1 m-l10" type="text" placeholder="请输入关键词/职位" v-model="value" @blur="emit('blur', $event)" />
	</view>
</template>

<script lang="ts" setup>
import { computed, ref } from 'vue'
const props = defineProps({
	modelValue: String,
	customPlaceholder: {
		type: String,
		default: "搜索"
	}
})
const emit = defineEmits(['update:modelValue', 'change'])
const value = computed({
	get: () => props.modelValue,
	set: (val) => {
		emit('update:modelValue', val)
	}
})
</script>

<style lang="scss" scoped>
.search {
	height: 74rpx;
	border-radius: 20rpx;
	background: $bg-color-1;
	border: 2rpx solid #3F77FB;
}
</style>